<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,
			.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{
				float: left;
			}
			.col-md-12{width: 100%;}
			.col-md-11{width: 91.66666667%;}
			.col-md-10{width: 83.33333333%;}
			.col-md-9{width: 75%;}
			.col-md-8{width: 66.66666667%;}
			.col-md-7{width: 58.33333333%;}
			.col-md-6{width: 50%;}
			.col-md-5{width: 41.66666667%;}
			.col-md-4{width: 33.33333333%;}
			.col-md-3{width: 25%;}
			.col-md-2{width: 16.66666667%;}
			.col-md-1{width: 8.33333333%;}
			.row div{
				border: 1px solid pink;
			}
		</style>
	</head>

	<body>
		<div class="container">
			<div class="row">
				<div class="col-md-1">col-md-1</div>
				<div class="col-md-1">col-md-1</div>
				<div class="col-md-1">col-md-1</div>
				<div class="col-md-1">col-md-1</div>
				<div class="col-md-1">col-md-1</div>
				<div class="col-md-1">col-md-1</div>
				<div class="col-md-1">col-md-1</div>
				<div class="col-md-1">col-md-1</div>
				<div class="col-md-1">col-md-1</div>
				<div class="col-md-1">col-md-1</div>
				<div class="col-md-1">col-md-1</div>
				<div class="col-md-1">col-md-1</div>
			</div>
			<div class="row">
				<div class="col-md-4">col-md-4</div>
				<div class="col-md-8">col-md-8</div>
			</div>
			<div class="row">
				<div class="col-md-4">col-md-4</div>
				<div class="col-md-4">col-md-4</div>
				<div class="col-md-4">col-md-4</div>
			</div>
		</div>
	</body>

</html>